<template>
  <div class="block">
    <el-timeline>
      <el-timeline-item v-for="(item,index) of timeline" :key="index" :timestamp="item.timestamp" placement="top">
        <el-card>
          <h4>{{ item.title }}</h4>
          <p v-html="item.content" />
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timeline: [
        {
          timestamp: '2021-4-27',
          title: '增加版本管理日志',
          content: `<a target="_blank" href="https://www.yuque.com/docs/share/5d2db6fa-a81b-4225-abdb-beae2ea4939c?# 《产品历史版本》" style="color: #409EFF;">LCPSOFT版本管理日志</a>`
        },
        {
          timestamp: '2021-4-15',
          title: '第一版正式上线',
          content: '第一版正式上线，版本号1.0.43'
        },
        {
          timestamp: '2021-4-10',
          title: '按原型开发完毕，进入内测',
          content: '开始内测，修复bug'
        },
        {
          timestamp: '2021-3-20',
          title: '第二版原型设计',
          content: `<a target="_blank" href="https://org.modao.cc/app/e0ba9c34bceed46877cbb533633a0a4272b747ff?simulator_type=outside_artboard&sticky" style="color: #409EFF;">LCPSOFT 第二版原型设计</a>`
        },
        {
          timestamp: '2020-12-10',
          title: '框架技术选型、数据库表字段、前后端正式开工',
          content: `<ul>
            <li>前端：Vue 2.6</li>
            <li>后端：Golang 1.6</li>
            <li>数据库：Mysql 8.0.21</li>
          </ul>
          `
        },
        {
          timestamp: '2020-8-21',
          title: '设计自动化部署流程、以及nginx配置',
          content: `<ul>
            <li>shell、docker、CI/CD、跨平台交叉编译、二段构建等</li>
            <li>nginx已配置代理分发、gzip、cache、负载均衡（ip_hash调度算法）等</li>
          </ul>
          `
        },
        {
          timestamp: '2020-6-13',
          title: '着手开始设计第一版原型',
          content: `<a target="_blank" href="https://modao.cc/app/a06a8d1a2dbe4f219938c04bde3428f3003d68d7?simulator_type=device&sticky" style="color: #409EFF;">LCPSOFT 第一版原型设计</a>`
        },
        {
          timestamp: '2020-4-23',
          title: '工作台想法萌生',
          content: `前后端分离自动化部署，支持可视化动态更新配置，一键更换版本、设置环境变量、可持续集成交付且不依赖环境等。小团队做项目管理平台，中心思想是为了提升效率、稳步前行。<br>
          平台包含几个主要模块，项目管理、需求管理、部署发布、数据看板、团队沉淀、共享云盘、消息模块等，致力于打造一个小团队生态系统。<br><br>
          对于团队管理、需求排期和部署上线等均参考企业微信及飞书等成熟模式套用进来，对于部署发布、CI/CD等项目自动化流程力求稳定第一，在数据看板中，有性能监控、错误劫持、路由统计、热力图等帮助开发、运营的同学更好的掌控项目的每一个细节。<br><br>
          为了让团队做的每一个项目都能带来成长，平台集成了和阿里羽雀文档系统、金山在线文档SDK，让项目中的沉淀都落实到文档，当然涉及团队规范类、设计规范类文档提前预置到了平台中，以业内大厂标准，京东凹凸实验室、腾讯用户体验计划等。为了方便团队内传递文件等，提供一个5G大小共享云盘，并支持在消息平台share到相应的同学，对于专业的开发同学我们集成了线上终端，并综合了一个简易的VS-code编辑器（Vimer可忽略这一项）。<br><br>
          做到真正无需复杂配置，打开即用（后期为帮助非开发人员会做一份使用文档）平台最终希望服务好每一个团队及开发者，以上。`
        }
      ]
    }
  }
}
</script>
